@charset "utf-8";
/* CSS Document */

body, div,ul,li, h1, h2, h3,h4,dl,dd,dt,tr,td{margin:0; padding:0;font-style: normal;font:12px/22px "\5B8B\4F53",Arial, Helvetica, sans-serif; font-family:"微软雅黑"}
ul,li{ list-style:none}
img {border: 0;}

a{color:#626262;text-decoration:none} 
a:hover{color:#F40E14}
.sj{ text-indent:2em;}
.mt18{ margin-top:18px}
.mt15{ margin-top:15px}
.border{ border:1px solid #dbdee1}
.oh{ overflow:hidden}
.clear{ clear:both; height:0;}
.l{ float:left}
.r{ float:right}
.bg{ background:#f2f2f2}
.minheight{ min-height:400px;}

#wrap{width:100%; max-width:1920px; margin:0 auto; overflow:hidden}

.top{ width:100%; height:83px; position:fixed; top:0; left:0; background:url(../images/white.png) repeat; z-index:9999}
.top1{ width:1280px; margin:0 auto; overflow:hidden}
.logo{ width:316px; height:83px; background:url(../images/logo.png) no-repeat center; float:left}
.nav{ float:right; margin-top:30px}
.nav ul li{ width:96px; height:42px; line-height:42px; float:left; font-size:18px; text-align:center; border-right:1px solid #e2e2e2}
.nav ul li a{color: #666666; display:block}
.nav ul li a:hover,.nav ul li a.cur{color: #ef4545}
.banner{ width:100%;height:605px; position:fixed; top:0; width:100%}

.box{ width:1200px; margin:0 auto}
.box1330{ width:1330px;}

.product{ width:1070px}
.product ul{ width:1100px; margin-top:20px}
.product li{ float:left; margin-right:15px; height:207px;}
.product li img{ margin-top:20px;transition:all .4s;}
.product li img:hover{ margin-top:15px;}

.info ul{ width:1370px; margin-top:100px; overflow:hidden}
.info li{ width:225px; height:360px; float:left; margin-right:40px; line-height:26px; font-size:14px; color:#737373;}
.info li em{ display:block; width:225px; height:149px; margin-bottom:15px;}
.info li.i1 em{ background:url(../images/i1.jpg) no-repeat center}
.info li.i2 em{ background:url(../images/i2.jpg) no-repeat center}
.info li.i3 em{ background:url(../images/i3.jpg) no-repeat center}
.info li.i4 em{ background:url(../images/i4.jpg) no-repeat center}
.info li.i5 em{ background:url(../images/i5.jpg) no-repeat center}

.pro-list-t{ height:40px;border-bottom:1px solid #e20821; line-height:40px;}
.pro-list-t h3{ width:142px; height:40px;line-height:40px; float:left; background:#e20821; font-size:20px; font-weight:bold; text-align:center; color:#fff}
.pro-list-t span{ float:right; margin-right:30px; font-family:Arial; font-size:30px; color:#e20821}
.pro-list-t span em{ color:#383838; font-size:14px; font-family:"微软雅黑"}

#demo {margin: 0 auto;overflow: hidden;  width:1330px; height:360px; }
.pro-list-nr li{ width:243px; float:left; color:#646464; text-align:center; margin-top:30px; font-size:18px;}


.main{ width:100%; margin:0 auto;}

.index-positon{position:absolute; top:606px; background:#fff; z-index:9998}
.ej-position{position:absolute; top:438px; background:#f1f1f1; z-index:9998}

.cp{ padding-top:20px; overflow:hidden}
.cp ul{ width:1120px}
.cp li{ float:left; width:359px; margin-right:11px; background:url(../images/cp_bg.jpg) no-repeat center 140px;}
.cp li h3{ height:77px; line-height:77px; color:#3e3e3e; font-size:20px;}
.cp li h3 a{ color:inherit}
.cp li dl{}
.cp li dl dd{ float:left; margin-right:23px}

.footer{ width:100% !important; overflow:hidden; padding-top:15px; border-top:3px solid #eaeaea; background:#f5f5f5}
.footer ul{ overflow:hidden; width:1200px; padding-top:20px}
.footer ul li{ float:left}
.footer ul li.tel{ color:#d20101; font-size:27px;margin-left:25px;}
.footer ul li.tel span{ margin-top:50px; display:block}
.footer ul li.addr{ color:#656565; font-size:12px; width:204px; text-align:left}
.footer ul li.wx{ float:right}
.footer ul li.menu{ text-align:left; margin-left:60px; width:550px; height:170px}
.footer ul li.menu dl{ float:left; width:78px;}
.footer ul li.menu dl dt{ font-size:14px; line-height:40px; }
.footer ul li.menu dl dt a{ color:#666}
.footer ul li.menu dl dd{ font-size:12px; line-height:28px;}
.footer ul li.menu dl dd a{ color:#868686}
.footer ul li.menu dl a:hover{ color:#aaa}
.footer ul li .menu-t{ color:#656565; font-size:16px; margin-bottom:20px}
.footer ul li .menu-t em{ display:block; height:1px; width:22px; background:#fea81d; border:1px solid #ff8700; margin-top:6px}
.footer .foot-txt{  text-align:left; border-top:1px solid #d5d5d5; padding-top:3px; height:36px;}
.footer .foot-txt p{ margin:0;float:left;line-height:36px;}
.footer .foot-txt span{ float:right; line-height:36px;}

.ej-banner{ position:absolute; left:0; width:100%;height:355px;top:83px;background:url(../images/ej1.jpg) no-repeat center top;}
.ej-banner h3{ margin-top:110px; line-height:30px; font-size:26px; color:#014c9d}

.ej-box{ width:1200px; margin:0 auto; }
.ej-content{ float:left; width:1200px; margin-top:-33px;background:#fff; background:rgba(255,255,255,.8); padding:40px 0;}
#ej-scroll{ margin:10px 0;height: 480px;width: 718px;overflow: auto; line-height:28px;}

.kc-t{}
.kc-t li{ float:left; margin:0 4.4px; cursor:pointer}
.kc-t li img{ display:block}
.kc-t li p{ margin:0; margin-top:1px; background:#595047; text-align:center; color:#fff; font-size:14px; height:26px; line-height:25px;}
.kc-t li.cur p{ color:#f4f244}

.kc-nr{ background:#fff; background:rgba(255,255,255,.9); margin-top:30px; padding:20px; font-size:14px; line-height:26px;}
.zizhi-nr{ width:1160px; height:305px;}
.zizhi-nr li{ float:left; height:299px; margin-left:10px; border:2px solid #5e4000; border-radius:3px}

.kc-title{ border-bottom:1px solid #ebebeb; padding-bottom:10px; margin-bottom:20px}
.kc-title h3{ color:#404040; font-size:17px; line-height:22px}
.kc-title h3 a{ color:#181818; margin:0 20px;}
.kc-title h3 a:hover,.kc-title h3 a.active{ color:#dc3428}

.about-box{ margin-top:-145px;}
.about-left{ width:219px; height:299px; background:url(../images/about_t.png) no-repeat center; float:left}
.about-right{ width:891px; height:209px; background:#fff; float:right; background-color:rgba(255,255,255,.8); font-size:14px; color:#737373; line-height:26px; padding:45px;}


.class-list{}
.class-list li{ width:323px; height:395px; float:left;margin-left:45px;line-height:28px; font-size:14px;margin-bottom:30px; color:#3d3d3d; height:400px;}
.class-list li div{ width:243px; height:285px; margin:0 auto}
.class-list li h3{ font-size:18px; border-bottom:1px solid #cbcbcb; padding-bottom:13px; margin-bottom:8px; margin-top:5px; text-align:center}
.class-list li p{ margin:0}
.class-list li a{ color:#333}
.class-list li a:hover{ color:#dc3428}
.class-list li div img{transition: all 1s ease;-webkit-transition: all 1s ease;}
.class-list li:hover div img{-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}

.new_water_list{ padding-top:30px; margin:70px auto; }
.new_water_list li{ width:50%; position:relative; left:1px; margin-left:-1px; float:left; height:auto; overflow:hidden; padding-bottom:66px;}
.new_water_list_l{ float:left; width:15%;}
.new_water_list_l img{ width:80%; height:auto;}
.new_water_list_r{ float:left; width:85%; position:relative; left:1px; margin-left:-1px;}
.new_water_list_r h4,.new_water_list_r h5,.new_water_list_r p{ width:90%;}
.new_water_list_r h4{ line-height:46px; color:#000000; font-size:24px; font-weight:normal;}
.new_water_list_r h5{ line-height:46px; color:#000; font-size:16px; font-weight:normal; line-height:34px;}
.new_water_list_r p{ color:#898989; line-height:28px; font-size:16px;}
.new_water_list_r p a{ color:#898989;}
.new_water_list_r p a:hover{ color:#005bac;}

.new_water_list_max{ width:80%; margin:0 auto; text-align:center;}
.new_water_list_max img{ margin:0 auto;}
.new_water_list_max h4{ line-height:42px; font-size:24px; color:#464646; font-weight:normal;}
.new_water_list_max p{ line-height:24px; color:#979797; height:48px; overflow:hidden;}



.news-list li{ height:146px; width:500px;; margin-top:15px; border-bottom:1px solid #ececec;font-size:14px; float:left; margin-left:50px; margin-top:40px; color:#626262}
.news-list li h3{ font-size:24px;}

.msg-left{ width:830px; float:left; margin-left:30px;}
.msg-left p{ color:#7f8c8c; font-size:18px;}
.input-text{ width:468px; height:38px; background:#e5e6e6; border-radius:5px; font-size:16px; margin-right:30px; text-indent:10px}
.input-text:focus{ outline:none}
.msg-left textarea{ width:745px; height:240px; background:#e5e6e6; border-radius:5px; font-size:16px; padding:10px;}
.msg-left textarea:focus{ outline:none}
.input-sub{ width:200px; height:53px; line-height:52px; color:#fff; font-size:20px; border:none; background:#e8645a;border-radius:5px; cursor:pointer}
.msg-right{ width:300px; float:right; color:#231815}

.contact-ul{}
.contact-ul li{ float:left; width:400px; height:260px; line-height:40px; color:#3d3d3d; font-size:16px; padding-left:100px; background:url(../images/c1.jpg) no-repeat left top; margin-left:50px;}
.contact-ul li h3{ color:#3d3d3d; font-size:24px; margin-top:20px}
.contact-ul li.c2{ background:url(../images/c2.jpg) no-repeat left top}
.contact-ul li.c3{ background:url(../images/c3.jpg) no-repeat left top}
.contact-ul li.c4{ background:url(../images/c4.jpg) no-repeat left top}

.pagelist { text-align: center; margin: 20px 0 40px; clear:both; padding-top:30px;}
.pagelist span, .pagelist strong, .pagelist a { display: inline-block; border: 1px solid #ddd; padding: 2px 6px; margin-right: 2px; line-height:16px; text-decoration:none; color:#666;}
.pagelist strong { background: #ef5600; color: #fff;}
/*1*/
.ling{ padding:30px 0 30px;font-size: 0;overflow: hidden;}

.ling_l{ width: 226px;height: 154px; padding:20px 0 0;text-align: center;overflow: hidden; text-align:left}
.ling_l h3{font-size:36px; line-height:50px; border-bottom:2px solid #27a4d8; padding-bottom:10px; color:#27a4d8}
.ling_l p{ margin-top:10px; color:#27a4d8; font-size:16px; line-height:30px;}
.ling_r{ width: 872px;height: 194px;overflow: hidden;}
.ling_r ul li{width: 218px;height: 194px;float: left;}
.ling_r ul li a{display: block;width: 218px;height: 194px;float: left;}
.ling_r ul li a:hover{ text-decoration:none;}
.ling_r ul li span{display: block;font-size: 14px;color: #333;line-height: 18px; padding:120px 0 0;text-align: center;}

.ling_r ul li.ling_li01 a:link{ background:url("../images/tu1.png") no-repeat center top;}
.ling_r ul li.ling_li02 a:link{ background:url("../images/tu2.png") no-repeat center top;}
.ling_r ul li.ling_li03 a:link{ background:url("../images/tu3.png") no-repeat center  top;}
.ling_r ul li.ling_li04 a:link{ background:url("../images/tu4.png") no-repeat center  top;}

.ling_r ul li.ling_li01 a:hover{ background:url("../images/tu11.png") no-repeat center top;}
.ling_r ul li.ling_li02 a:hover{ background:url("../images/tu21.png") no-repeat center top;}
.ling_r ul li.ling_li03 a:hover{ background:url("../images/tu31.png") no-repeat center top;}
.ling_r ul li.ling_li04 a:hover{ background:url("../images/tu41.png") no-repeat center top;}

.ab_bg{ background:url("../images/about_bg.jpg") no-repeat center ; height:auto; font-size: 0; padding:0px 0 30px 0px; width:100%;}
.ling_t{ background:url("../images/fenl_line01.png") no-repeat center;width: 720px;text-align: center; margin:0 auto;height: 80px;overflow: hidden;}
.ling_t a{font-size: 28px;color: #B2812B;}
.ling_t span{font-size: 28px;color: #333;display: block;font-weight: normal; padding:5px 0 0;}
.ling_t em{font-size: 14px;color: #b6b6b6;text-transform: uppercase; padding:0 10px 0 0;}
.about .ling_t{overflow: hidden; padding-top:30px;}
.about dl dt{ width:422px; padding:7px 7px 44px 7px; height:250px; float:left; background:url(../images/shiping.png) no-repeat center; overflow:hidden}
.about dl dd{ width:500px; float:left; padding:10px 0 0 30px;}
.about dl dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.about dl dd h5 a{ font-size:18px; color:#3487dc;}
.about dl dd h5 i{ display:block; font-size:12px; color:#343434;}
.about dl dd p{ font-size:16px; color:#333;  line-height:24px; padding:10px 0 0; overflow:hidden;}
.about dl dd span,.news dd span{display: block;float: right; padding:15px 0 0;}
.about dl dd span img,.fengc_l span img,.news dd span img{width: 152px;height: 38px;}
.about .ab_btn{ padding:20px 0 0 250px; display:inline-block;width: 750px;}
.about .ab_btn a{font-size: 16px;color: #666;font-weight: bold; background:url("../images/ys_btn01.png") no-repeat;display: block;float: left;width: 152px;height: 38px;text-align: center;line-height: 38px;overflow: hidden; margin:0 0 0 25px;}
.about .ab_btn a:hover{ background:url("../images/ys_btn02.png") no-repeat;color:#3487dc; text-decoration:none;}

.news,.wd{ width:274px; padding:30px 0 30px; font-size:0;}
.news_t,.wd_t{width: 736px; height:54px; line-height:54px; border:#666 2px solid;overflow: hidden;}
.news_t ul li{ float:left; padding:0 35px; background:url("../images/cp_bor.gif") no-repeat right 20px;}
.news_t ul li a{ font-size:20px; color:#333; font-weight:bold;}
.news_t ul li.cur a,.news_t ul li a:hover{ color:#287cd2;}
.news_t span,.wd_t span{ float:right;display: block;line-height: 0; padding:18px 15px 0 0;}
.news_t span img,.wd_t span img{width: 56px;height: 20px;}
.news_t .nobor{ background:none; margin-top:15px}
.news_t ul li:last-child{background:none}
.news dl{ width:740px; padding:20px 0 15px; display:inline-block; overflow:hidden;}
.news dt{ width:269px; float:left; padding:0 15px 0 0;}
.news dt img{ width:267px; height:150px; border:#999 1px solid;}
.news dd{ float:left; overflow:hidden; width:445px;}
.news dd h5{ height:25px; line-height:25px; overflow:hidden;}
.news dd h5 a{ font-size:20px; color:#B2812B;font-weight: normal; font-weight:bold;}
.news dd p{ font-size:14px; color:#333; height:75px; line-height:25px; padding:5px 0 0;overflow: hidden;}
.news dd span{ padding:5px 0 0;}
.news_m ul{ width:740px; display:inline-block; overflow:hidden;}
.news_m ul li{ height:37px; line-height:37px; border-bottom:#b4b4b4 1px dotted; overflow:hidden; background:url("../images/new_dot.gif") no-repeat 0 9px; width:350px; float:left; margin:0 20px 0 0;overflow: hidden;}
.news_m ul li a{ font-size:16px; color:#333; padding:0 0 0 15px;}
.news_m ul .li5,.news_m ul .li6{border:none;}
.news_m .nobor,.wd .nobor{ border:none;}

.logo1{ background:url(../images/logo1.png) no-repeat center; width:292px;}